<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    ul {
      background-color: #eee;
      transform: scaleY(0);
      transform-origin: top;
      transition: transform 0.26s ease;
    }

    p:hover ~ ul {
      transform: scaleY(1);
    }
  </style>
</head>
<body>
<p>Here (scaleY(1))</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
<hr>
</body>
</html>
